/* ******* nav barre ********* */
ul.nav li {
list-style-type: none;
display: inline-block;
margin-left: 8%;
transition: transform .4s;
}

ul.nav li a {
    text-decoration: none;
    color: black;
}
ul.nav li:hover {
    transform: scale(1.3);
}

ul.nav {
    padding-left: 0;
    margin-left: 0;
}

nav {
    overflow: hidden;
    background-color:white;
    width: 100%;
    opacity : 0.9; 
    /* max-height: 50px; */

}
header li {
padding-left: 7%; 
}
header li a {
    text-decoration: none;
    display: block;
    text-align: center;}

nav.nav2 {
        background-color: #0f3958;
        color: white;
        text-align: center;
        position: fixed;
        height: 145px;
        width: 8%;
    }       
nav.nav2 li {
        text-decoration: none;
        display: block;
        padding-top: 10%;
        padding-bottom: 1%;
        margin-left: 2%;
    }
    
nav.nav2 li a {
        text-decoration: none;
        display: block;
        text-align: center;
        color: white;
    }
  
 /* ******* img principale *****************   */
div.imgbg {
    padding-top: 4%;
    background-color: #0f3958;
    height: 100px ;

}
div.imgbg h2 {
font-family: 'Andada Pro', serif;
    text-align: center;
    color : white;
    font-size: 5em;
    /* 1 em c'est la taille normal, donc 1 em c'est 6 fois plus gros */
    text-shadow: 1px 3px 2px black;
    padding: 1px 2%;
    margin-top: 0%;
    margin-top: -20px;
}

/* ****** body****** */

body{
    background-color:white;
}
h2 {
    text-align: center;
}
p {
    text-align: justify;
    margin-left: 5%;
    margin-right: 5%;
    line-height:150%;
}
div#ap {
    background-color:white ;
    padding-left: 5%;
}

div#ap h2 {
    color: black;
}
div#ap p {
    color: black;
}

div#ap a {
    color:lightcoral;
    text-decoration: none;

}
.box {
    display: inline-block;}

/* ******** crp ********** */
div#crp{
    background-color:white ;
    padding-left: 5%;
}

 p.t{
  background-color: #0f3958 ;
  color: white;
  text-align: center;
  font-size: 2em;
}

div#crptxt p {
    text-align: justify;
    line-height: 150%;
}


div#crptxt h4{
    padding-left: 5%;
}
div#crptxt h5 {
    padding-left:5%;
    font-size: medium;
}

div#crptxt li {
    margin-left:10%;
    margin-right:8%;
    text-align: justify;
}

div#crptxt img {
    display: block;
    margin : auto;
    box-shadow: 1px 3px 2px black;
}

div#crptxt img:hover{
    -ms-transform: scale(1,2);
    -webkit-transform: scale(1,2);
    transform : scale(1,2);
}

/* div VEFA  */

div#vefa li {
    margin-left:10%;
    margin-right:8%;
    text-align: justify;}

p.pli{
    margin-left:12%;
    margin-right:8%;
    text-align: justify;
    
}

body ul {
    margin-left: 15%;
    margin-right: 8%;
    text-align: justify;
    list-style-type: lower-roman;
}

div#vefa ul a {
color: #0f3958;
}

a.corpus {
color: #0f3958;
}

div#vefa h3 {
    margin-left: 5%;
    background-color: #0f3958;
    padding-left: 10%;
    color: white;
    margin-right: 5%;
} 

h3 {
    margin-left: 5%;
    background-color: #0f3958;
    padding-left: 10%;
    color: white;
    margin-right: 5%;
    padding-top: 1%;
    padding-bottom: 1%;
}

div#vefa h4 {
    margin-left: 12%;
}

div#copyright  {
    margin-top: 5%;
    margin-bottom: 3%;
    }
div#copyright p {
text-align: center;
margin-top: 5%;
margin-bottom: 3%;
}
div#copyright p {
    text-align: center;
}